<template>
  <!-- 商品介绍 -->
  <div class="split" v-if="food.info">
    <h1 class="itd-title">商品介绍</h1>
    <span class="itd-jies">{{food.info}}</span>
  </div>
</template>

<script>
export default {
    props:{
        food:{
            info:""
        }
    }
};
</script>

<style lang="scss">
.split {
  background: #fff;
  padding: 16px;
  margin-top: 16px;
  border-top: 1px solid rgba(7, 17, 27, 0.1);
  border-bottom: 1px solid rgba(7, 17, 27, 0.1);
  .itd-title {
    font-size: 14px;
    font-weight: 700;
    color: rgb(7, 17, 27);
    line-height: 14px;
    margin-bottom: 8px;
  }
  .itd-jies {
    display: block;
    font-size: 12px;
    font-weight: 200;
    color: rgb(77, 85, 93);
    line-height: 24px;
    margin-left: 8px;
  }
}
</style>
